<template>
    <div id="app">
        <p>JustifyContent</p>
        <div class="box">
            <div class="item1"></div>
            <div class="item2"></div>
            <div class="item3"></div>
        </div>  
    </div>
</template>
<script>
export default {
    data() {  
    },
    methods:{
    }
}
</script>
<style scoped>
        .item1{
            height: 100px;
            width: 100px;
            background: coral;
        }
         .item2{
            height: 200px;
            width: 200px;
            background: cornflowerblue;
        }
         .item3{
            height: 300px;
            width: 300px;
            background: crimson;
        }
        .box{
            display: flex;
            background: darkkhaki;
            align-items: center;
            justify-content: center;
        }
    </style>